<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@include file="base_path.jsp"%>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="description" content="">
    <title>智能语音应答系统</title>
    <link href="<%=basePath%>/lib/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=basePath%>/css/signin.css" rel="stylesheet">
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="<%=basePath%>/lib/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
    <script src="<%=basePath%>/lib/JQuery.md5.js" type="text/javascript"></script>
	<script type="text/javascript" src="<%=basePath%>/lib/bootstrap/3.3.7/js/bootstrap.js"></script>
    <script src="<%=basePath%>/assets/js/ie10-viewport-bug-workaround.js"></script>
    <script type="text/javascript" src="<%=basePath%>/lib/bootbox/bootbox.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>/js/common.js"></script>
    <script src="<%=basePath%>/js/login.js"></script>
  </head>

  <body>

  <div class="login">
      <h3>智能语音应答系统</h3>
      <form id="loginFrom">
		  <div class="input_box user_box">
			  <input name="inputPassword" id="inputUsername" placeholder="用户名" type="text" autocomplete="off" disableautocomplete
			         data-toggle="popover" data-container="body" data-placement="right"  data-trigger="manual" data-content="" style="margin: 0px;">
		  </div>

          <div class="input_box pass_box">
              <input name="inputPassword" id="inputPassword" placeholder="密码"  type="password" autocomplete="off" disableautocomplete
                     data-toggle="popover" data-container="body" data-placement="right"  data-trigger="manual" data-content="" style="margin: 0px;">
          </div>

          <div class="input_box code_box">
              <input name="verifyCode" id="inputVerifyCode" placeholder="请输入验证码"  type="text" autocomplete="off" disableautocomplete
                     maxlength="6" value=""
                     data-toggle="popover" data-container="body" data-placement="right"  data-trigger="manual" data-content="" style="margin: 0px;">
              <img id="verifyCode" class="verifyCode" src="verifyCode.do?t=1"/>
          </div>
          <div id="wordbt"></div>
          <button  class="btn btn-primary btn-block btn-large" id="submitBtn">登录</button>
      </form>
  </div>
  <script type="text/javascript">
		$('input').focus(function() {
			$(this).closest('.input_box').addClass('focus');
		}).blur(function() {
			$(this).closest('.input_box').removeClass('focus');
		})
  </script>
  </body>
</html>
